/* CSS Document */

body {
	background-color: #ed6d16;
	min-width: 960px;
	padding: 0;
	margin: 0;
	overflow-x: hidden;
	overflow-y: scroll;
	border: 0;
	outline: none;
}
select, input, img, a {
	border: 0;
	outline : 0;
}
img {
	vertical-align: middle;
}
ul, li, h2, h3, h4, h5, h6 {
	list-style: none;
	margin: 0;
	padding: 0;
}
a, a:hover {
	text-decoration: none;
}
.clearfix {
	float: none;
	clear: both;
}
#wrap {
	background-color: #ed6d16;
	width: 1140px;
	margin: 0 auto;
}
/*--------------------focus--------------------*/
#focus {
	overflow: hidden;
	position: absolute;
	height: 300px;
	width: 260px;
	left: 42px;
	top: 90px;
}
#focus_photo {
	z-index: 1;
}
#focus_menus {
	position: absolute;
	right: 97px;
	bottom: 5px;
	z-index: 2;
}
#focus_menus a {
	background: #69c241;
	text-indent: -9999px;
	width: 10px;
	height: 10px;
	margin-right: 10px;
	overflow: hidden;
	display: block;
	float: left;
	text-decoration: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#focus_menus a:hover, #focus_menus a.activeSlide {
	background: #ed6d16;
	-moz-opacity: 1;
	opacity: 1;
	text-decoration: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
/*--------------------yam-items--------------------*/
#yam-items {
	background: url(../images/yam-items_bg.gif) no-repeat;
	font-size: 12px;
	position: absolute;
	left: 284px;
	top: 6px;
	line-height: 53px;
	width: 432px;
	height: 53px;
}
#yam-items a {
	color: #000;
	text-decoration: none;
}
#yam-items a:hover {
	text-decoration: underline;
}
/*--------------------btn-items--------------------*/
#btn-items {
	position: absolute;
	left: 717px;
	top: 6px;
	line-height: 53px;
	width: 384px;
	height: 53px;
}
#btn-items .link_btn .fb-like {
}
#btn-items img:hover {
	border: 0;
	opacity: 0.7;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	filter: alpha(opacity=70);
}
#btn-items .fb_btn {
	width: 131px;
	height: 53px;
	float: left;
}
#btn-items .link_btn {
	position: relative;
	background: url(../images/link_bg.gif) no-repeat;
	width: 116px;
	height: 53px;
	float: left;
}
#btn-items .link_btn .fb-like {
	position: absolute;
	height: 20px;
	left: 16px;
	top: 18px;
}
#btn-items .novartis_btn {
	width: 137px;
	height: 53px;
	float: left;
}
/*--------------------header--------------------*/
#wrap .header {
	position: relative;
	background: url(../images/index_header.jpg) no-repeat;
	width: 1140px;
	height: 691px;
	z-index: 1;
}
#wrap .header_2 {
	position: relative;
	background: url(../images/header_bg.jpg) no-repeat;
	width: 1140px;
	height: 304px;
	z-index: 1;
}
#wrap .header_2 .btn_1 {
	position: absolute;
	left: 1035px;
	top: 103px;
}
#wrap .header_2 .btn_2 {
	position: absolute;
	left: 1036px;
	top: 189px;
}
#wrap .header_2 .btn img:hover {
	opacity: 0.7;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	filter: alpha(opacity=70);
	margin-top: 2px;
}
#wrap .header .menu {
	position: absolute;
	top: 640px;
	right: 188px;
	width: 745px;
	height: 75px;
}
#wrap .header_2 .menu {
	position: absolute;
	top: 252px;
	right: 206px;
	width: 745px;
	height: 75px;
}
#wrap .header .menu dl, #wrap .header_2 .menu dl {
	margin: 0;
	padding: 0;
	display: block;
}
#wrap .header .menu dd, #wrap .header_2 .menu dd {
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}
#wrap .header .menu dd a, #wrap .header_2 .menu dd a {
	display: block;
	overflow: hidden;
	height: 75px;
	margin: 0;
	background: url(../images/menu.gif) no-repeat left top;
}
#wrap .header .menu dd a#menu_1, #wrap .header_2 .menu dd a#menu_1 {
	width: 134px;
	background-position: left bottom;
}
#wrap .header .menu dd a#menu_1:hover, #wrap .header .menu dd a#menu_1on, #wrap .header_2 .menu dd a#menu_1:hover, #wrap .header_2 .menu dd a#menu_1on {
	width: 134px;
	background-position: left top;
}
#wrap .header .menu dd a#menu_2, #wrap .header_2 .menu dd a#menu_2 {
	width: 187px;
	background-position: -134px bottom;
}
#wrap .header .menu dd a#menu_2:hover, #wrap .header_2 .menu dd a#menu_2:hover {
	width: 187px;
	background-position: -134px top;
}
#wrap .header .menu dd a#menu_3, #wrap .header_2 .menu dd a#menu_3 {
	width: 154px;
	background-position: -321px bottom;
}
#wrap .header .menu dd a#menu_3:hover, #wrap .header_2 .menu dd a#menu_3:hover, #wrap .header .menu dd a#menu_3on, #wrap .header_2 .menu dd a#menu_3on {
	width: 154px;
	background-position: -321px top;
}
#wrap .header .menu dd a#menu_4, #wrap .header_2 .menu dd a#menu_4 {
	width: 136px;
	background-position: -475px bottom;
}
#wrap .header .menu dd a#menu_4:hover, #wrap .header_2 .menu dd a#menu_4:hover, #wrap .header .menu dd a#menu_4on, #wrap .header_2 .menu dd a#menu_4on {
	width: 136px;
	background-position: -475px top;
}
#wrap .header .menu dd a#menu_5, #wrap .header_2 .menu dd a#menu_5 {
	width: 134px;
	background-position: -611px bottom;
}
#wrap .header .menu dd a#menu_5:hover, #wrap .header_2 .menu dd a#menu_5:hover, #wrap .header .menu dd a#menu_5on, #wrap .header_2 .menu dd a#menu_5on {
	width: 134px;
	background-position: -611px top;
}
/*--------------------content--------------------*/
#wrap .content {
	position: relative;
	background: url(../images/index_content.gif) repeat-y;
	width: 1140px;
	z-index: 9999;
	margin-top: -1px;
}
#wrap .content .btn img:hover {
	opacity: 0.7;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	filter: alpha(opacity=70);
	margin-top: 2px;
}
#wrap .content .box_1 {
	position: relative;
	background: url(../images/index_paper.jpg) no-repeat top;
	width: 720px;
	height: 336px;
	margin: 0 auto;
	padding-top: 88px;
	padding-left: 346px;
}
/*--------------box_1 li-------------*/
#wrap .content .box_1 li {
	position: relative;
	width: 280px;
	height: 295px;
	float: left;
	display: block;
}
#wrap .content .box_1 li.no1 {
	background: url(../images/index_no1.jpg) no-repeat;
}
#wrap .content .box_1 li.no2 {
	background: url(../images/index_no2.jpg) no-repeat;
	margin-left: 100px;
}
#wrap .content .box_1 a:hover {
	opacity: 0.7;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	filter: alpha(opacity=70);
}
#wrap .content .box_1 .fb_link {
	position: absolute;
	left: 186px;
}
#wrap .content .box_1 .fb_link:hover {
	top: 2px;
}
#wrap .content .box_1 li.no1 .more {
	position: absolute;
	left: 178px;
	top: 260px;
}
#wrap .content .box_1 li.no2 .more {
	position: absolute;
	left: 163px;
	top: 260px;
}
/*--------------------footer--------------------*/
#wrap .footer {
	background: url(../images/index_footer.gif) no-repeat;
	width: 1140px;
	height: 50px;
}
#wrap .footer_2 {
	background: url(../images/footer.gif) no-repeat;
	width: 1140px;
	height: 66px;
}
/*---------------fb_data&data&ask----------------*/
#fb_data input, #data input, #ask input {
	line-height: 22px;
	height: 22px;
	border: #636363 solid 1px;
}
/*---------------fb_data----------------*/
#fb_data {
	position: relative;
	background: url(../images/fb_data.jpg) no-repeat;
	width: 1000px;
	height: 378px;
	margin: 0 auto;
}
#fb_data .info {
	width: 415px;
	position: absolute;
	left: 141px;
	top: 158px;
}
#fb_data .info input {
	width: 415px;
	margin-bottom: 16px;
}
#fb_data .btn {
	position: absolute;
	left: 141px;
	top: 290px;
}
#fb_data .btn img:hover {
	opacity: 0.7;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	filter: alpha(opacity=70);
	margin-top: 2px;
}
/*---------------data----------------*/
#data {
	position: relative;
	background: url(../images/data.jpg) no-repeat;
	width: 1000px;
	height: 754px;
	margin: 0 auto;
}
#data .info {
	width: 250px;
	position: absolute;
	left: 139px;
	top: 195px;
}
#data .info input {
	width: 250px;
	margin-bottom: 6px;
}
#data .info_2 {
	width: 500px;
	position: absolute;
	left: 182px;
	top: 378px;
}
#data .info_2 input {
	float: left;
	width: 280px;
	margin-bottom: 6px;
}
#data .btn1 {
	position: absolute;
	top: 334px;
	left: 741px;
}
#data .btn2 {
	position: absolute;
	left: 474px;
	top: 442px;
}
#data .btn3 {
	position: absolute;
	left: 320px;
	top: 667px;
}
#data img:hover {
	opacity: 0.7;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	filter: alpha(opacity=70);
	margin-top: 2px;
}
#data .checkbox {
	display: block;
	position: absolute;
	background-image: url(../images/wbg.gif);
	width: 27px;
	height: 25px;
	cursor: pointer;
	left: 62px;
	top: 622px;
	z-index: 9999;
}
#data .checkbox1 {
	display: block;
	position: absolute;
	background: url(../images/check.png) no-repeat;
	width: 27px;
	height: 25px;
	cursor: pointer;
	left: 62px;
	top: 622px;
	z-index: 9999;
}
#data .checkbtn {
	position: absolute;
	background-image: url(../images/wbg.gif);
	width: 71px;
	height: 25px;
	cursor: pointer;
	left: 140px;
	top: 626px;
	z-index: 9999;
	text-indent: -9999px;
}
#data .checkbtn a {
	display: block;
	background-image: url(../images/wbg.gif);
	width: 71px;
	height: 25px;
}
/*---------------ask----------------*/
#ask {
	position: relative;
	background: url(../images/ask.jpg) no-repeat;
	width: 1000px;
	height: 692px;
	margin: 0 auto;
}
#ask .info {
	width: 430px;
	position: absolute;
	left: 190px;
	top: 177px;
}
#ask .info input {
	width: 430px;
	margin-bottom: 6px;
}
#ask .btn {
	position: absolute;
	left: 254px;
	top: 596px;
}
#ask .btn2 {
	position: absolute;
	left: 815px;
	top: 227px;
}
#ask .btn img:hover, #ask .btn2 img:hover {
	opacity: 0.7;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	filter: alpha(opacity=70);
	margin-top: 2px;
}
#ask #check_centent {
	position: relative;
	width: 680px;
	height: 360px;
	top: 200px;
	left: 380px;
}
#ask #check_centent .btn {
	position: absolute;
	left: 186px;
	top: 280px;
}
#ask .allCheckbox {
	position: absolute;
	padding-left: 5px;
	padding-top: 4px;
	left: -22px;
	top: 159px;
	width: 336px;
}
#ask .allCheckbox2 {
	position: absolute;
	padding-left: 5px;
	padding-top: 4px;
	left: 87px;
	top: 191px;
	width: 294px;
}
#ask .allCheckbox .myCheckbox, .allCheckbox2 .myCheckbox2 {
	width: 20px;
	height: 19px;
	cursor: pointer;
	float: left;
	_display: inline;
}
#ask .allCheckbox .mySelect, .allCheckbox2 .mySelect {
	background: url(../images/check_s.png) no-repeat;
}
/*---------------win----------------*/
#wrap .content .title_win {
	background: url(../images/win_title.gif) no-repeat;
	position: relative;
	width: 1140px;
	height: 73px;
	margin: 0 auto;
}
#wrap .content .main {
	position: relative;
	background: url(../images/content.gif) repeat-y;
	width: 1140px;
	z-index: 9999;
	margin-top: -1px;
}
#wrap .content .main .table_win {
	width: 1140px;
	text-align: center;
}
#wrap .content .main .table_win table {
	margin: 0 auto;
}
/*---------------rule----------------*/
#wrap .content .title_rule {
	background: url(../images/rule_title.gif) no-repeat;
	position: relative;
	width: 1140px;
	height: 73px;
	margin: 0 auto;
}
#wrap .content .main {
	position: relative;
	background: url(../images/content.gif) repeat-y;
	width: 1140px;
	z-index: 9999;
	margin-top: -1px;
}
#wrap .content .main .rule {
	position: relative;
	width: 996px;
	margin-left: 93px;
	padding-bottom: 20px;
}
#wrap .content .main .rule .btn img:hover {
	opacity: 0.7;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	filter: alpha(opacity=70);
	margin-top: 2px;
}
#wrap .content .main .rule .checkbtn_1 {
	position: absolute;
	background-image: url(../images/wbg.gif);
	width: 183px;
	height: 25px;
	cursor: pointer;
	left: 444px;
	top: 978px;
	z-index: 9999;
	text-indent: -9999px;
}
#wrap .content .main .rule .checkbtn_2 {
	position: absolute;
	background-image: url(../images/wbg.gif);
	width: 250px;
	height: 25px;
	cursor: pointer;
	left: 746px;
	top: 978px;
	z-index: 9999;
	text-indent: -9999px;
}
#wrap .content .main .rule .checkbtn_1 a, #wrap .content .main .rule .checkbtn_2 a {
	display: block;
	background-image: url(../images/wbg.gif);
	height: 25px;
}
/*---------------share----------------*/
#wrap .content .title_share {
	background: url(../images/share_title.jpg) no-repeat;
	position: relative;
	width: 1140px;
	height: 173px;
	margin: 0 auto;
}
#wrap .content .main {
	position: relative;
	background: url(../images/content.gif) repeat-y;
	width: 1140px;
	z-index: 9999;
	margin-top: -1px;
}
#wrap .content .main .share {
	position: relative;
	width: 1000px;
	margin-left: 80px;
	padding-bottom: 20px;
}
#wrap .content .title_share .btn {
	position: absolute;
	left: 805px;
	top: 45px;
}
#wrap .content .main .share li {
	position:relative;
	display:block;
	background: url(../images/list_bg.gif) no-repeat;
	width: 980px;
	height: 286px;
	padding: 24px 0 0 20px;
	margin-bottom: 30px;
}
#wrap .content .main .share li .number {
	position: absolute;
	left: 41px;
	top: 8px;
	color: #4f4f4f;
	font-family: Arial, "新細明體";
	font-size: 12px;
}
#wrap .content .main .share li .pic {
	width: 240px;
	height: 265px;
	line-height: 265px;
	white-space : nowrap;
	text-align: center;
	float: left;
}
#wrap .content .main .share li .pic:after {
	content : ".";
	font-size : 1px;
	margin-left : -1px;
	opacity : 0;
}
#wrap .content .main .share li .pic img {
	vertical-align: middle;
}
#wrap .content .main .share li .info {
	position: relative;
	width: 694px;
	height: 265px;
	float: left;
	margin-left: 8px;
	font: 15px Arial, "新細明體";
	color: #343434;
}
#wrap .content .main .share li .info img:hover {
	opacity: 0.7;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	filter: alpha(opacity=70);
	margin-top: 2px;
}
#wrap .content .main .share li .info .date {
	position: absolute;
	left: 69px;
	top: 18px;
}
#wrap .content .main .share li .info .name {
	position: absolute;
	left: 243px;
	top: 18px;
}
#wrap .content .main .share li .info .blog {
	position: absolute;
	left: 388px;
	top: 13px;
}
#wrap .content .main .share li .info .fb_link {
	position: absolute;
	left: 455px;
	top: 11px;
}
#wrap .content .main .share li .info .fb {
	position: absolute;
	left: 591px;
	top: 17px;
}
#wrap .content .main .share li .info .title {
	position: absolute;
	color: #ff6600;
	left: 86px;
	top: 55px;
}
#wrap .content .main .share li .info .text {
	position: absolute;
	width: 660px;
	line-height: 22px;
	font-size: 13px;
	left: 16px;
	top: 89px;
}
/*--------------------pagination--------------------*/
.pagination {
	font-family: "微軟正黑體", Arial;
	font-size: 13px;
	background: none;
	height: 35px;
	line-height: 35px;
	padding: 0;
	width: 722px;
	margin: 0 auto;
	text-align: center;
}
.pagination a {
	border: 1px solid #e5e5e5;
	padding: 5px 8px;
	color: #666666;
	margin: 0 3px;
}
.pagination a:hover {
	border: 1px solid #ee7495;
}
.pagination .currenPage {
	background: #ee7495;
	border: none;
	padding: 5px 9px;
	margin: 0 3px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	color: #FFF;
}
.pagination img {
	vertical-align: middle;
}
.pagination .prev, .pagination .next {
	width: 77px;
	margin: 0;
	padding: 0;
	border: 0;
}
.pagination .prev {
	margin-right: 5px;
}
.pagination .next {
	margin-left: 5px;
}
.pagination .prev:hover, .pagination .next:hover {
	border: 0;
	opacity: 0.7;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	filter: alpha(opacity=70);
}
.pagination span {
	font: Arial, "新細明體";
	color: #ed2f53;
	font-size: 13px;
	margin-left: 10px;
}